<div class="content-section introduction">
  <div>
    <span class="feature-title">库存管理<span class="gt">&gt;</span>{{title}}  </span>
  </div>

</div>
<div class="content-section implementation GridDemo">
  <div class="parent">
    <div style="position: absolute;top: 20px;left:0">

      <svg width="100" height="600">
        <ng-container *ngFor="let flow of flowCharts;let i =index">
          <g class="rect-text" (click)="openPage(flow,i)" >
            <rect [ngStyle]="{'cursor':'pointer'}" [attr.width]="flow.width"[attr.height]="flow.height" [attr.stroke]="flow.stroke" [attr.x]="flow.x" [attr.y]="flow.y" [attr.rx]="flow.rx" [attr.fill]="flow.fill" [attr.status]="flow.status" ></rect>
            <text [attr.x]="flow.text.x" [attr.y]="flow.text.y">{{flow.label}}</text>
          </g>
          <g stroke="#39B9C6" stroke-width="0.8">
            <line *ngFor="let g of flow.g" [attr.x1]="g.x1" [attr.y1]="g.y1" [attr.x2]="g.x2" [attr.y2]="g.y2"></line>
          </g>
        </ng-container>
      </svg>
    </div>
    <div class="node-right">
      <router-outlet></router-outlet>
    </div>
  </div>
</div>
